---
image: /generated/articles-docs-editor-starter-demo.png
title: Editor Starter Demo
sidebar_label: Demo
crumb: Editor Starter
---

import { DEMO_URL } from './demo';

Try out the Editor Starter yourself!

<table>
  <thead>
    <tr>
      <th>Empty project</th>
      <th>Announcement video</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <img style={{verticalAlign: 'top'}} src="https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/demo-empty-state.png" alt="Empty Editor Starter project" />
      </td>
      <td>
        <img style={{verticalAlign: 'top'}} src="https://pub-646d808d9cb240cea53bedc76dd3cd0c.r2.dev/demo-editor-starter.png" alt="Editor Starter announcement video" />
      </td>
    </tr>
    <tr>
      <td>
        <a href="https://editor-starter.remotion.dev" target="_blank">
        <strong>
          Try empty project
        </strong>
        </a>
      </td>
      <td>
        <a href={DEMO_URL} target="_blank">
          <strong>
            Edit announcement video
          </strong>
        </a>
      </td>
    </tr>
  </tbody>
</table>


## Notes

- The announcement video link is a long URL, it might not be sharable everywhere.
- Don't rely on these to edit serious projects. We might change the internal data structure of videos as we develop the Editor Starter, breaking your projects.
- There is no responsive design, so the demo might not look good on mobile.